<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="order by dede58.com" name="author"/>
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Float-Admin</title>

    <!-- Common plugins -->
    <link href="../../static/css/bootstrap.min.css" rel="stylesheet">
    <link href="../../static/css/simple-line-icons.css" rel="stylesheet">
    <link href="../../static/css/font-awesome.min.css" rel="stylesheet">
    <link href="../../static/css/pace.css" rel="stylesheet">
    <link href="../../static/css/jasny-bootstrap.min.css" rel="stylesheet">
    <link href="../../static/css/nanoscroller.css" rel="stylesheet">
    <link href="../../static/css/c3.min.css" rel="stylesheet">
    <link href="../../static/css/blue.css" rel="stylesheet">
    <!-- dataTables -->
    <link href="../../static/css/jquery.datatables.min.css" rel="stylesheet" type="text/css">
    <link href="../../static/css/responsive.bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="../../static/css/jquery.toast.min.css" rel="stylesheet">
    <!--template css-->
    <link href="../../static/css/style.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="../../static/js/html5shiv.min.js"></script>
    <script src="../../static/js/respond.min.js"></script>
    <![endif]-->
</head>
<body class="layout-horizontal">

<!--top bar start-->
<div class="top-bar bg-primary"><!--by default top bar is dark, add .light-top-bar class to make it light-->
    <div class="container">
        <div class="row">
            <div class="col-xs-6">
                <a class="admin-logo" href="index.html">
                    <h1><img alt="" src="../../static/picture/logo-default.png"></h1>
                </a>
                <!--start search form-->
                <div class="search-form hidden-xs">
                    <form>
                        <input class="form-control" placeholder="Search for..." type="text">
                        <button class="btn-search" type="button"><i class="fa fa-search"></i></button>
                    </form>
                </div>
                <!--end search form-->
            </div>
            <div class="col-xs-6">
                <ul class="list-inline top-right-nav">
                    <li class="dropdown hidden-xs icon-dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                            <i class="glyphicon glyphicon-envelope"></i>
                            <span class="badge badge-warning">4</span>
                        </a>
                        <ul class="dropdown-menu top-dropdown lg-dropdown notification-dropdown">
                            <li>
                                <div class="dropdown-header"><a class="pull-right text-muted" href="#"><small>View
                                    All</small></a> Messages
                                </div>
                                <div class="scrollDiv">

                                    <div class="notification-list">
                                        <a class="clearfix" href="javascript: void(0);">
                                                    <span class="notification-icon">
                                                        <img alt="" class="img-circle"
                                                             src="../../static/picture/avtar-2.jpg" width="50">
                                                    </span>
                                            <span class="notification-title">John Doe <label
                                                    class="label label-primary pull-right">Office</label></span>
                                            <span class="notification-description">Praesent dictum nisl non est sagittis luctus.</span>
                                            <span class="notification-time">40 minutes ago</span>
                                        </a>
                                        <a class="clearfix" href="javascript: void(0);">
                                                    <span class="notification-icon">
                                                        <img alt="" class="img-circle"
                                                             src="../../static/picture/avtar-3.jpg" width="50">
                                                    </span>
                                            <span class="notification-title">Emily Doe  <label
                                                    class="label label-info pull-right">Marketing</label></span>
                                            <span class="notification-description">Praesent dictum nisl non est sagittis luctus.</span>
                                            <span class="notification-time">40 minutes ago</span>
                                        </a>
                                        <a class="clearfix" href="javascript: void(0);">
                                                    <span class="notification-icon">
                                                        <img alt="" class="img-circle"
                                                             src="../../static/picture/avtar-4.jpg" width="50">
                                                    </span>
                                            <span class="notification-title">Michael Clark <label
                                                    class="label label-warning pull-right">Support</label> </span>
                                            <span class="notification-description">Praesent dictum nisl non est sagittis luctus.</span>
                                            <span class="notification-time">40 minutes ago</span>
                                        </a>
                                        <a class="clearfix" href="javascript: void(0);">
                                                    <span class="notification-icon">
                                                        <img alt="" class="img-circle"
                                                             src="../../static/picture/avtar-5.jpg" width="50">
                                                    </span>
                                            <span class="notification-title">Ronaldo <label
                                                    class="label label-success pull-right">Metting</label> </span>
                                            <span class="notification-description">Praesent dictum nisl non est sagittis luctus.</span>
                                            <span class="notification-time">40 minutes ago</span>
                                        </a>
                                    </div>
                                </div>
                            </li>

                        </ul>
                    </li>
                    <li class="dropdown hidden-xs icon-dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                            <i class="glyphicon glyphicon-bell"></i>
                            <span class="badge badge-danger">6</span>
                        </a>
                        <ul class="dropdown-menu top-dropdown lg-dropdown notification-dropdown">
                            <li>
                                <div class="dropdown-header"><a class="pull-right text-muted" href="#"><small>View
                                    All</small></a> Notifications
                                </div>
                                <div class="scrollDiv">
                                    <div class="notification-list">
                                        <a class="clearfix" href="javascript: void(0);">
                                            <span class="notification-icon"><i
                                                    class="icon-cloud-upload text-primary"></i></span>
                                            <span class="notification-title">Upload Complete</span>
                                            <span class="notification-description">Praesent dictum nisl non est sagittis luctus.</span>
                                            <span class="notification-time">40 minutes ago</span>
                                        </a>
                                        <a class="clearfix" href="javascript: void(0);">
                                            <span class="notification-icon"><i
                                                    class="icon-info text-warning"></i></span>
                                            <span class="notification-title">Storage Space low</span>
                                            <span class="notification-description">Praesent dictum nisl non est sagittis luctus.</span>
                                            <span class="notification-time">40 minutes ago</span>
                                        </a>
                                        <a class="clearfix" href="javascript: void(0);">
                                            <span class="notification-icon"><i
                                                    class="icon-check text-success"></i></span>
                                            <span class="notification-title">Project Task Complete </span>
                                            <span class="notification-description">Praesent dictum nisl non est sagittis luctus.</span>
                                            <span class="notification-time">40 minutes ago</span>
                                        </a>
                                    </div>
                                </div>
                            </li>

                        </ul>
                    </li>
                    <li class="dropdown">
                        <a class="right-sidebar-toggle" href="javascript: void(0);"><i
                                class="glyphicon glyphicon-align-right"></i></a>
                    </li>
                    <li class="dropdown avtar-dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                            <img alt="" class="img-circle" src="../../static/picture/avtar-1.jpg" width="30">

                        </a>
                        <ul class="dropdown-menu top-dropdown">
                            <li><a href="javascript: void(0);"><i class="icon-bell"></i> Activities</a></li>
                            <li><a href="javascript: void(0);"><i class="icon-user"></i> Profile</a></li>
                            <li><a href="javascript: void(0);"><i class="icon-settings"></i> Settings</a></li>
                            <li class="divider"></li>
                            <li><a href="javascript: void(0);"><i class="icon-logout"></i> Logout</a></li>
                        </ul>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</div>
<!-- top bar end-->

<!--right side bar panel-->
<nav class="right_sidebar" id="right-sidebar-toggle">
    <div class="nano">
        <div class="nano-content">
            <div>
                <!-- Nav tabs -->
                <ul class="list-inline nav-tab-panel clearfix" role="tablist">
                    <li class="active" role="presentation"><a aria-controls="projects" data-toggle="tab"
                                                              href="#projects"
                                                              role="tab">Projects</a></li>
                    <li role="presentation"><a aria-controls="contacts" data-toggle="tab" href="#contacts" role="tab">Contacts</a>
                    </li>

                </ul>

                <!-- Tab panes -->
                <div class="tab-content">
                    <div class="tab-pane active" id="projects" role="tabpanel">
                        <ul class="sidebar-list">
                            <li class="sidebar-title">
                                <h3 class="font-100"> Current projects</h3>
                                <small>There are <strong>7</strong> Current project</small>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-primary pull-right">New</span>
                                    <h4>YII with material design</h4>
                                    <p>
                                        It is a long established fact that a reader will be distracted.
                                    </p>

                                    <div class="small">Completion with: 42%</div>
                                    <div class="progress progress-mini">
                                        <div class="progress-bar progress-bar-warning" style="width: 42%;"></div>
                                    </div>
                                    <div class="small text-danger">Deadline - September 15, 2016</div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-primary pull-right">New</span>
                                    <h4>HTML to AngularJs</h4>
                                    <p>
                                        It is a long established fact that a reader will be distracted.
                                    </p>

                                    <div class="small">Completion with: 12%</div>
                                    <div class="progress progress-mini">
                                        <div class="progress-bar progress-bar-danger" style="width: 12%;"></div>
                                    </div>
                                    <div class="small text-danger">Deadline - September 15, 2016</div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-success pull-right">Company</span>
                                    <h4>Website Re-design</h4>
                                    <p>
                                        It is a long established fact that a reader will be distracted.
                                    </p>

                                    <div class="small">Completion with: 84%</div>
                                    <div class="progress progress-mini">
                                        <div class="progress-bar progress-bar-success" style="width: 84%;"></div>
                                    </div>
                                    <div class="small text-danger">Deadline - September 15, 2016</div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-success pull-right">Metting</span>
                                    <h4>Business Consultancy</h4>
                                    <p>
                                        It is a long established fact that a reader will be distracted.
                                    </p>

                                    <div class="small">Completion with: 54%</div>
                                    <div class="progress progress-mini">
                                        <div class="progress-bar progress-bar-info" style="width: 54%;"></div>
                                    </div>
                                    <div class="small text-danger">Deadline - September 15, 2016</div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-primary pull-right">New</span>
                                    <h4>YII with material design</h4>
                                    <p>
                                        It is a long established fact that a reader will be distracted.
                                    </p>

                                    <div class="small">Completion with: 42%</div>
                                    <div class="progress progress-mini">
                                        <div class="progress-bar progress-bar-warning" style="width: 42%;"></div>
                                    </div>
                                    <div class="small text-danger">Deadline - September 15, 2016</div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-primary pull-right">New</span>
                                    <h4>HTML to AngularJs</h4>
                                    <p>
                                        It is a long established fact that a reader will be distracted.
                                    </p>

                                    <div class="small">Completion with: 12%</div>
                                    <div class="progress progress-mini">
                                        <div class="progress-bar progress-bar-danger" style="width: 12%;"></div>
                                    </div>
                                    <div class="small text-danger">Deadline - September 15, 2016</div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-pane" id="contacts" role="tabpanel">

                        <ul class="list-unstyled sidebar-contact-list">
                            <li class="clearfix">
                                <a class="media-box" href="#">
                                            <span class="pull-right">
                                                <span class="circle circle-success circle-lg"></span>
                                            </span>
                                    <span class="pull-left">
                                                <!-- Contact avatar-->
                                                <img alt="user" class="media-box-object img-circle"
                                                     src="../../static/picture/avtar-1.jpg" width="50">
                                            </span>
                                    <!-- Contact info-->
                                    <span class="media-box-body">
                                                <span class="media-box-heading">
                                                    <strong>Angelina</strong>
                                                    <br>
                                                    <small class="text-muted">Designer</small>
                                                </span>
                                            </span>
                                </a>
                            </li><!--li end-->
                            <li class="clearfix">
                                <a class="media-box" href="#">
                                            <span class="pull-right">
                                                <span class="circle circle-success circle-lg"></span>
                                            </span>
                                    <span class="pull-left">
                                                <!-- Contact avatar-->
                                                <img alt="user" class="media-box-object img-circle"
                                                     src="../../static/picture/avtar-2.jpg" width="50">
                                            </span>
                                    <!-- Contact info-->
                                    <span class="media-box-body">
                                                <span class="media-box-heading">
                                                    <strong>John doe</strong>
                                                    <br>
                                                    <small class="text-muted">Designer</small>
                                                </span>
                                            </span>
                                </a>
                            </li><!--li end-->
                            <li class="clearfix">
                                <a class="media-box" href="#">
                                            <span class="pull-right">
                                                <span class="circle circle-danger circle-lg"></span>
                                            </span>
                                    <span class="pull-left">
                                                <!-- Contact avatar-->
                                                <img alt="user" class="media-box-object img-circle"
                                                     src="../../static/picture/avtar-3.jpg" width="50">
                                            </span>
                                    <!-- Contact info-->
                                    <span class="media-box-body">
                                                <span class="media-box-heading">
                                                    <strong>Eluga Smith</strong>
                                                    <br>
                                                    <small class="text-muted">Designer</small>
                                                </span>
                                            </span>
                                </a>
                            </li><!--li end-->
                            <li class="clearfix">
                                <a class="media-box" href="#">
                                            <span class="pull-right">
                                                <span class="circle circle-lg"></span>
                                            </span>
                                    <span class="pull-left">
                                                <!-- Contact avatar-->
                                                <img alt="user" class="media-box-object img-circle"
                                                     src="../../static/picture/avtar-4.jpg" width="50">
                                            </span>
                                    <!-- Contact info-->
                                    <span class="media-box-body">
                                                <span class="media-box-heading">
                                                    <strong>Jonathan Doe</strong>
                                                    <br>
                                                    <small class="text-muted">Designer</small>
                                                </span>
                                            </span>
                                </a>
                            </li><!--li end-->
                            <li class="clearfix">
                                <a class="media-box" href="#">
                                            <span class="pull-right">
                                                <span class="circle circle-success circle-lg"></span>
                                            </span>
                                    <span class="pull-left">
                                                <!-- Contact avatar-->
                                                <img alt="user" class="media-box-object img-circle"
                                                     src="../../static/picture/avtar-5.jpg" width="50">
                                            </span>
                                    <!-- Contact info-->
                                    <span class="media-box-body">
                                                <span class="media-box-heading">
                                                    <strong>Angelina</strong>
                                                    <br>
                                                    <small class="text-muted">Designer</small>
                                                </span>
                                            </span>
                                </a>
                            </li><!--li end-->
                            <li>
                                <div class=" text-center">
                                    <!-- Optional link to list more users-->
                                    <a class="btn btn-teal" href="javascript:void(0);" title="See more contacts">
                                        Load more..
                                    </a>
                                </div>
                            </li>
                        </ul><!--end sidebar contacts-list-->
                    </div>
                </div>

            </div>
        </div>
    </div>
</nav>
<!--end right side bar panel-->

<!--Main nav start-->
<!-- Static navbar -->
<nav class="navbar navbar-default navbar-static-top">
    <div class="container">
        <div class="navbar-header">
            <button aria-controls="navbar" aria-expanded="false" class="navbar-toggle collapsed" data-target="#navbar"
                    data-toggle="collapse" type="button">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="navbar-collapse collapse" id="navbar">
            <ul class="nav navbar-nav">
                <li class="dropdown active">
                    <a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown"
                       href="#"
                       role="button"><i class="icon-home"></i> Dashboard</a>
                    <ul class="dropdown-menu dropdown-main">
                        <li><a href="index.html">Dashboard Alpha</a></li>
                        <li><a href="index-beta.html">Dashboard beta</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown"
                       href="#"
                       role="button"><i class="icon-bag"></i> E-commerce</a>
                    <ul class="dropdown-menu dropdown-main">
                        <li><a href="ecommerce-dashboard.jsp">Dashboard</a></li>
                        <li><a href="ecommerce-products.jsp">products</a></li>
                        <li><a href="ecommerce-orders.jsp">orders</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown"
                       href="#"
                       role="button"><i class="icon-envelope"></i> Email</a>
                    <ul class="dropdown-menu dropdown-main">
                        <li><a href="mail-index.html">Inbox</a></li>
                        <li><a href="mail-view.html">Inbox view</a></li>
                        <li><a href="mail-compose.html">Compose</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown"
                       href="#"
                       role="button"><i class="icon-folder-alt"></i> Pages</a>
                    <ul class="dropdown-menu dropdown-main dropdown-mega">
                        <li>
                            <div class="row">
                                <div class="col-sm-6">
                                    <ul class="list-unstyled">
                                        <li><a href="page-empty.html">Empty page</a></li>
                                        <li><a href="page-lockscreen.html">Lock-screen</a></li>
                                        <li><a href="../../page-login.jsp">Login</a></li>
                                        <li><a href="page-register.html">Register</a></li>
                                        <li><a href="page-forget-password.html">Forget Password</a></li>
                                        <li><a href="../../404.jsp">404</a></li>
                                        <li><a href="page-gallery.html">Gallery</a></li>
                                        <li><a href="page-timeline.html">Timeline</a></li>
                                        <li><a href="page-invoice.html">Invoice</a></li>
                                    </ul>
                                </div>
                                <div class="col-sm-6">
                                    <ul class="list-unstyled">
                                        <li><a href="page-profile.html">Profile</a></li>
                                        <li><a href="page-calendar.html">Calendar</a></li>
                                        <li><a href="page-chat-room.html">Chat room</a></li>
                                        <li><a href="page-faqs.html">Faqs</a></li>
                                        <li><a href="page-pricing.html">Pricing</a></li>
                                        <li><a href="page-contacts.html">Contacts</a></li>
                                        <li><a href="page-blog.html">Blog</a></li>
                                        <li><a href="page-blog-article.html">Blog article</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown"
                       href="#"
                       role="button"><i class="icon-settings"></i> UI elements</a>
                    <ul class="dropdown-menu dropdown-main dropdown-mega">
                        <li>
                            <div class="row">
                                <div class="col-sm-6">
                                    <ul class="list-unstyled">
                                        <li><a href="ui-typography.html">Typography</a></li>
                                        <li><a href="ui-icons.html">Icons</a></li>
                                        <li><a href="ui-panels.html">Panels</a></li>
                                        <li><a href="ui-buttons.html">Buttons</a></li>
                                        <li><a href="ui-tabs.html">tabs</a></li>
                                        <li><a href="ui-tip-pop.html">Tooltip & Popovers</a></li>
                                        <li><a href="ui-alerts.html">Alerts</a></li>
                                        <li><a href="ui-modals.html">modals</a></li>
                                    </ul>
                                </div>
                                <div class="col-sm-6">
                                    <ul class="list-unstyled">
                                        <li><a href="ui-grid.html">grid system</a></li>
                                        <li><a href="ui-carousel.html">Carousel</a></li>
                                        <li><a href="ui-sweetalerts.html">Sweet alters</a></li>
                                        <li><a href="ui-alertify.html">Alertify Alters</a></li>
                                        <li><a href="ui-sliders.html">Sliders</a></li>
                                        <li><a href="ui-nestable.html">Nestable</a></li>
                                        <li><a href="ui-date-time-picker.html">Date time pickers</a></li>
                                        <li><a href="ui-treeview.html">Tree view</a></li>
                                        <li><a href="ui-draggable-panels.html">Draggable Panels</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown"
                       href="#"
                       role="button"><i class="icon-mouse"></i> Components</a>
                    <ul aria-labelledby="dropdownMenu" class="dropdown-menu multi-level" role="menu">

                        <li class="dropdown-submenu">
                            <a href="#" tabindex="-1"><i class="icon-graph"></i> Charts</a>
                            <ul class="dropdown-menu">
                                <li><a href="chart-flot.html">Flot</a></li>
                                <li><a href="chart-morris.html">Morris</a></li>
                                <li><a href="chart-radial.html">Radial</a></li>
                                <li><a href="chart-c3.html">C3</a></li>
                                <li><a href="chart-sparkline.html">Sparkline</a></li>
                                <li><a href="chart-rickshaw.html">rickshaw</a></li>
                                <li><a href="chart-chartjs.html">ChartJs</a></li>
                            </ul>
                        </li>
                        <li class="dropdown-submenu">
                            <a href="#" tabindex="-1"><i class="icon-pencil"></i> Forms</a>
                            <ul class="dropdown-menu">
                                <li><a href="form-basic.html">Basic elements</a></li>
                                <li><a href="form-file-upload.html">File upload</a></li>
                                <li><a href="form-editor.html">text editor</a></li>
                                <li><a href="form-wizard.html">Form Wizard</a></li>
                            </ul>
                        </li>
                        <li class="dropdown-submenu">
                            <a href="#" tabindex="-1"><i class="icon-list"></i> Tables</a>
                            <ul class="dropdown-menu">
                                <li><a href="table-basic.html">Basic tables</a></li>
                                <li><a href="table-data.html">Data tables</a></li>
                                <li><a href="table-foo.html">Foo tables</a></li>
                            </ul>
                        </li>
                        <li class="dropdown-submenu">
                            <a href="#" tabindex="-1"><i class="icon-map"></i> Maps</a>
                            <ul class="dropdown-menu">
                                <li><a href="map-vector.html">Vector map</a></li>
                                <li><a href="map-google.html">Google map</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>

            </ul>

        </div><!--/.nav-collapse -->
    </div><!--/.container-fluid -->
</nav>
<!--MAin nav end-->


<!--start page content-->

<div class="h-main-content">
    <div class="container">

        <div class="row">
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="widget bg-primary padding-0">
                    <div class="row row-table">
                        <div class="col-xs-4 text-center pv-15 bg-light-dark">
                            <em class="icon-cloud-upload fa-3x"></em>
                        </div>
                        <div class="col-xs-8 pv-15 text-center">
                            <h2 class="mv-0">2300</h2>
                            <div class="text-uppercase">Uploads</div>
                        </div>
                    </div>
                </div><!--end widget-->
            </div><!--end col-->
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="widget bg-teal padding-0">
                    <div class="row row-table">
                        <div class="col-xs-4 text-center pv-15 bg-light-dark">
                            <em class="icon-bag fa-3x"></em>
                        </div>
                        <div class="col-xs-8 pv-15 text-center">
                            <h2 class="mv-0">573</h2>
                            <div class="text-uppercase">Items</div>
                        </div>
                    </div>
                </div><!--end widget-->
            </div><!--end col-->
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="widget bg-success padding-0">
                    <div class="row row-table">
                        <div class="col-xs-4 text-center pv-15 bg-light-dark">
                            <em class="icon-users fa-3x"></em>
                        </div>
                        <div class="col-xs-8 pv-15 text-center">
                            <h2 class="mv-0">1859</h2>
                            <div class="text-uppercase">Users</div>
                        </div>
                    </div>
                </div><!--end widget-->
            </div><!--end col-->
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="widget bg-indigo padding-0">
                    <div class="row row-table">
                        <div class="col-xs-4 text-center pv-15 bg-light-dark">
                            <em class="icon-cloud-download fa-3x"></em>
                        </div>
                        <div class="col-xs-8 pv-15 text-center">
                            <h2 class="mv-0">456</h2>
                            <div class="text-uppercase">Downloads</div>
                        </div>
                    </div>
                </div><!--end widget-->
            </div><!--end col-->
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        Page Visitors <small class="text-muted">Last Week</small>

                    </div>
                    <div class="panel-body">
                        <div>
                            <div id="stocked"></div>
                        </div>
                    </div>
                </div>
            </div><!--col-md-12-->
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        Analytics
                    </div>
                    <div class="panel-body">
                        <div>
                            <div id="timeseriesChart"></div>
                        </div>

                    </div>
                </div>
            </div><!--col-->
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="pull-right">
                            <div class="btn-group">
                                <button aria-expanded="false" class="btn btn-info btn-rounded btn-xs dropdown-toggle"
                                        data-toggle="dropdown" type="button">Action <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu panel-dropdown" role="menu">
                                    <li><a href="#">Action</a></li>
                                    <li><a href="#">Another action</a></li>
                                    <li><a href="#">Something else here</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                </ul>
                            </div>
                        </div>
                        Project States
                    </div>
                    <div class="panel-body">
                        <div class="scrollDiv">
                            <ul class="sidebar-list projects-list">
                                <li>
                                    <a href="#">
                                        <span class="label label-primary pull-right">New</span>
                                        <h4>YII with material design</h4>
                                        <p>
                                            It is a long established fact that a reader will be distracted.
                                        </p>

                                        <div class="small">Completion with: 42%</div>
                                        <div class="progress progress-mini">
                                            <div class="progress-bar progress-bar-warning" style="width: 42%;"></div>
                                        </div>
                                        <div class="small text-danger">Deadline - September 15, 2016</div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="label label-primary pull-right">New</span>
                                        <h4>HTML to AngularJs</h4>
                                        <p>
                                            It is a long established fact that a reader will be distracted.
                                        </p>

                                        <div class="small">Completion with: 12%</div>
                                        <div class="progress progress-mini">
                                            <div class="progress-bar progress-bar-danger" style="width: 12%;"></div>
                                        </div>
                                        <div class="small text-danger">Deadline - September 15, 2016</div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="label label-success pull-right">Company</span>
                                        <h4>Website Re-design</h4>
                                        <p>
                                            It is a long established fact that a reader will be distracted.
                                        </p>

                                        <div class="small">Completion with: 84%</div>
                                        <div class="progress progress-mini">
                                            <div class="progress-bar progress-bar-success" style="width: 84%;"></div>
                                        </div>
                                        <div class="small text-danger">Deadline - September 15, 2016</div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="label label-success pull-right">Metting</span>
                                        <h4>Business Consultancy</h4>
                                        <p>
                                            It is a long established fact that a reader will be distracted.
                                        </p>

                                        <div class="small">Completion with: 54%</div>
                                        <div class="progress progress-mini">
                                            <div class="progress-bar progress-bar-info" style="width: 54%;"></div>
                                        </div>
                                        <div class="small text-danger">Deadline - September 15, 2016</div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="label label-primary pull-right">New</span>
                                        <h4>YII with material design</h4>
                                        <p>
                                            It is a long established fact that a reader will be distracted.
                                        </p>

                                        <div class="small">Completion with: 42%</div>
                                        <div class="progress progress-mini">
                                            <div class="progress-bar progress-bar-warning" style="width: 42%;"></div>
                                        </div>
                                        <div class="small text-danger">Deadline - September 15, 2016</div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="label label-primary pull-right">New</span>
                                        <h4>HTML to AngularJs</h4>
                                        <p>
                                            It is a long established fact that a reader will be distracted.
                                        </p>

                                        <div class="small">Completion with: 12%</div>
                                        <div class="progress progress-mini">
                                            <div class="progress-bar progress-bar-danger" style="width: 12%;"></div>
                                        </div>
                                        <div class="small text-danger">Deadline - September 15, 2016</div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel-footer">
                        <div class="input-group">
                            <input class="form-control" placeholder="Find Project" type="text">
                            <span class="input-group-btn">
                                        <button class="btn btn-default">
                                            <i class="fa fa-search"></i></button>
                                    </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="pull-right">
                            <div class="btn-group">
                                <button aria-expanded="false" class="btn btn-info btn-rounded btn-xs dropdown-toggle"
                                        data-toggle="dropdown" type="button">Action <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu panel-dropdown" role="menu">
                                    <li><a href="#">Action</a></li>
                                    <li><a href="#">Another action</a></li>
                                    <li><a href="#">Something else here</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                </ul>
                            </div>
                        </div>
                        Data Analytics <small class="text-muted">Current Month</small>
                    </div>
                    <div class="panel-body">
                        <div>
                            <div id="pieChart"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        Chat
                    </div>
                    <div class="panel-body">
                        <div class="scrollDiv">
                            <ul class="chat-list list-unstyled">
                                <li class="clearfix chat-element">
                                    <a class="pull-left" href='javascript: void(0);'>
                                        <img alt="" class="img-circle" src="../../static/picture/avtar-1.jpg">
                                    </a>
                                    <div class="media-body ">
                                        <div class="speech-box">
                                            <small class="pull-right text-primary">1m ago</small>
                                            <strong>Moni Sharma</strong>
                                            <p class="margin-b-0">
                                                Lorem Ipsum is simply dummy text of the printing and typesetting
                                                industry. Lorem Ipsum has been
                                            </p>
                                            <small class="text-info">Today 12:31 pm - 10.08.2016</small>
                                        </div>
                                    </div>
                                </li><!--end chat elements-->

                                <li class="clearfix chat-element right">
                                    <a class="pull-right" href='javascript: void(0);'>
                                        <img alt="" class="img-circle" src="../../static/picture/avtar-2.jpg">
                                    </a>
                                    <div class="media-body text-right">
                                        <div class="speech-box">
                                            <small class="pull-left text-primary">1m ago</small>
                                            <strong>Moni Sharma</strong>
                                            <p class="margin-b-0 text-right">
                                                Lorem Ipsum is simply dummy text of the printing and typesetting
                                                industry. Lorem Ipsum has been
                                            </p>
                                            <small class="text-info">Today 12:31 pm - 10.08.2016</small>
                                        </div>
                                    </div>
                                </li><!--end chat elements-->
                                <li class="clearfix chat-element">
                                    <a class="pull-left" href='javascript: void(0);'>
                                        <img alt="" class="img-circle" src="../../static/picture/avtar-1.jpg">
                                    </a>
                                    <div class="media-body ">
                                        <div class="speech-box">
                                            <small class="pull-right text-primary">1m ago</small>
                                            <strong>Moni Sharma</strong>
                                            <p class="margin-b-0">
                                                Lorem Ipsum is simply dummy text of the printing and typesetting
                                                industry. Lorem Ipsum has been
                                            </p>
                                            <small class="text-info">Today 12:31 pm - 10.08.2016</small>
                                        </div>
                                    </div>
                                </li><!--end chat elements-->
                            </ul>
                        </div>
                    </div><!--end panel body-->
                    <div class="panel-footer">
                        <div class="input-group">
                            <input class="form-control" placeholder="Type your message here..." type="text">
                            <span class="input-group-btn">
                                        <button class="btn btn-primary">
                                            Send</button>
                                    </span>
                        </div>
                    </div>
                </div><!--panel-->
            </div><!--end col-->
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-6">
                                Todo List
                            </div>
                            <div class="col-xs-6">
                                <div class="panel-search">
                                    <form action="">
                                        <input class="form-control" name="s" placeholder="Search something..."
                                               type="text">
                                        <span class="fa fa-search"></span>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel-body">
                        <div class="scrollDiv">
                            <ul class="todo-list">
                                <li>
                                    <input class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Lorem ipsum dolor</span>
                                    <small class="label label-primary"><i class="fa fa-clock-o"></i> 1 mins</small>
                                </li>
                                <li>
                                    <input checked class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Printing and typesetting industry</span>
                                    <small class="label label-info"><i class="fa fa-clock-o"></i> 3 mins</small>
                                </li>
                                <li>
                                    <input class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Send files to John</span>
                                    <small class="label label-warning"><i class="fa fa-clock-o"></i> 2 mins</small>
                                </li>
                                <li>
                                    <input class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Go to the doctor dr Jagdish</span>
                                    <small class="label label-danger"><i class="fa fa-clock-o"></i> 42 mins</small>
                                </li>
                                <li>
                                    <input class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Lorem ipsum dolor</span>
                                    <small class="label label-primary"><i class="fa fa-clock-o"></i> 1 mins</small>
                                </li>
                                <li>
                                    <input class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Printing and typesetting industry</span>
                                    <small class="label label-info"><i class="fa fa-clock-o"></i> 3 mins</small>
                                </li>
                                <li>
                                    <input class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Send files to John</span>
                                    <small class="label label-warning"><i class="fa fa-clock-o"></i> 2 mins</small>
                                </li>
                                <li>
                                    <input class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Go to the doctor dr Jagdish</span>
                                    <small class="label label-danger"><i class="fa fa-clock-o"></i> 42 mins</small>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <div class="panel-footer">
                        <div class="input-group">
                            <input class="form-control" placeholder="Add Todo..." type="text">
                            <span class="input-group-btn">
                                        <button class="btn btn-default">
                                            Add</button>
                                    </span>
                        </div>
                    </div>
                </div>
            </div><!--end col-->
        </div><!--end row-->
    </div>

    <!--Start footer-->
    <footer class="footer">
        <div class="container text-center">
            <span>Copyright &copy; 2016. Float</span>
        </div>
    </footer>
    <!--end footer-->
</div>

<!--end page content-->


<!--Common plugins-->
<script src="../../static/js/jquery.min.js"></script>
<script src="../../static/js/bootstrap.min.js"></script>
<script src="../../static/js/pace.min.js"></script>
<script src="../../static/js/jasny-bootstrap.min.js"></script>
<script src="../../static/js/jquery.slimscroll.min.js"></script>
<script src="../../static/js/jquery.nanoscroller.min.js"></script>
<script src="../../static/js/metismenu.min.js"></script>
<script src="../../static/js/float-custom.js"></script>
<!--page script-->
<script src="../../static/js/d3.min.js"></script>
<script src="../../static/js/c3.min.js"></script>
<!-- iCheck for radio and checkboxes -->
<script src="../../static/js/icheck.min.js"></script>
<!-- Datatables-->
<script src="../../static/js/jquery.datatables.min.js"></script>
<script src="../../static/js/datatables.responsive.min.js"></script>
<script src="../../static/js/jquery.toast.min.js"></script>
<script src="../../static/js/dashboard-alpha.js"></script>

</body>
</html>